﻿@page "/counter"

<h1>Counter</h1>

<Button Color="Color.Primary" Icon="fa-solid fa-font-awesome" Text="测试" />

<h3>Input 输入框</h3>

<h4>通过鼠标或键盘输入字符</h4>

<p class="mb-3">可通过设置 <code>IsAutoFocus</code> 是否自动获取焦点，多个文本框设置自动获取焦点时最后执行的组件将会获得焦点</p>
<div class="row g-3">
    <div class="col-12 col-sm-6">
        <BootstrapInput PlaceHolder="请输入 ..."
                        TValue="string"
                        IsAutoFocus="true"
                        IsSelectAllTextOnFocus="true"
                        ShowLabel="true"
                        DisplayText="获得焦点时全选" />
    </div>
    <div class="col-12 col-sm-6">
        <BootstrapInput PlaceHolder="请输入 ..."
                        TValue="string"
                        IsSelectAllTextOnEnter="true"
                        ShowLabel="true"
                        DisplayText="回车时全选" />
    </div>
</div>
